﻿<Page
    x:Class="OhZeeCreative.Windows8.UI.Lynyrd.TestApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:OhZeeCreative.Windows8.UI.Lynyrd.TestApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:ozctrl="using:OhZeeCreative.UI.Controls"
    mc:Ignorable="d">

    <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">
        <Grid.Resources>
            <x:Double x:Key="width">140</x:Double>
            <x:Double x:Key="Height">240</x:Double>
        </Grid.Resources>
        <ScrollViewer HorizontalScrollMode="Enabled" VerticalScrollMode="Disabled">
            <StackPanel Orientation="Horizontal" Visibility="Visible" x:Name="myStackPanel">
                <ozctrl:EvenLayoutPanel ItemMargin="20" Padding="30" PreferLandscape="True" ArrangeRowsFirst="True" Background="Purple"  Height="{Binding ActualHeight, ElementName=myStackPanel}" >
                    <!--<Grid Background="Red" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="OrangeRed" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="Orange" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="Yellow" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="YellowGreen" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="Red" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="OrangeRed" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="Orange" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="Yellow" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="YellowGreen" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="Red" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="OrangeRed" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="Orange" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="Yellow" Width="{StaticResource width}" Height="{StaticResource Height}"/>
                <Grid Background="YellowGreen" Width="{StaticResource width}" Height="{StaticResource Height}"/>-->
                    <Grid Background="Red"/>
                    <Grid Background="Green"/>
                    <Grid Background="Yellow"/>
                    <Grid Background="Red"/>
                    <Grid Background="Green"/>

                </ozctrl:EvenLayoutPanel>
            </StackPanel>
        </ScrollViewer>
        <!--<Canvas Margin="0,140" HorizontalAlignment="Left" Width="300" Background="Cyan">
            <Glyphs 
                      UnicodeString="Hello World"
                FontUri="Assets/arial.ttf"
                                 FontRenderingEmSize = "100"                                                                  
                                 Fill                = "Black"
                                 OriginX             = "10"
                                 OriginY             = "20"
                                 
                              />
        </Canvas>-->
    </Grid>
</Page>
